<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>棒棒糖专属</title>
    <h2>送给李琎诺小姐姐的儿童节礼物</h2>
<style>
  body{
    margin: 0 auto;
    background-image: url(./imgs/2.webp);
    background-repeat: no-repeat;
    background-size: 200% 100%;
  }
  h2{
    text-align: center;
    color: rgb(231, 137, 152);
  }
  .box{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    zoom:2;
  }
 .round{
    width: 100px;
    height: 100px;
    background-color: #e5e7e9;
    position: relative;
    text-align: center;
    margin: 100px;
    font: italic bold 17px/100px arial,sans-serif;
    box-shadow: 
        0 0 0 10px #4286b4,
        0 0 0 20px #fc052e,
        0 0 0 30px #FBDD00,
        0 0 0 40px #00BDFB;
    border-radius: 200px;
    color: #ee1818;
 }
 .bangbang{
    width: 20px;
    height: 150px;
    margin: -80px 0px 0px 0px;
    background-color: #00BDFB;
    border-radius: 10px;
 }
 .img{
  .img > img{
    width: 100%;
    height: 100%;
  }
 }
 .date{
  width: 100%;
  text-align: right;
  color: #011f33;
}
</style>
</head>
<body>
  <div class="box">
    <div class="round">超大棒棒糖</div>
    <div class="bangbang"></div>
    <div class="date">日期：2023-06-01</div>
    <div class="img">
      <img  src="./imgs/1.webp" alt="" srcset="">
    </div>
  </div>
</body>
</html>